<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>圈子维护</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="../css/config.css" rel="stylesheet" />
		<link href="../css/base.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<link href="../css/circle.css" rel="stylesheet" />
		<style>
			.mui-table-view .mui-media-object {
				-webkit-border-radius: 6px;
				width:42px;
				height: 42px!important;
				margin:0px 20px 0px 0px!important;
			}
			.mui-media .mui-media-body{
				margin-top:0px;
				font-size:16px;    line-height: 42px;
			}
			.header-text {
				color: white!important;
				line-height: 44px;
				width: 100px;
				text-align: center;
				position: absolute!important;
				top: 0px;
				right: 0px;
				font-size:14px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav km-navbar transparent-header" style="box-shadow:none;">
			<a class="mui-icon mui-icon-back mui-pull-left mui-action-back"></a>
			<h1 id="title" class="mui-title km-view-title">内科圈</h1>
		</header>
		<div class="mui-content4 ">
			<div class="circle-weihu-header">
				<img src="../img/example4.jpg" class="bottomImg" />
			</div>
			<div class="pt-15 mui-fullscreen" style="background:#efefef;">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="#actionsheetChangeImg" class="mui-navigate-right">
							<img class="mui-media-object mui-pull-right" src="../img/example4.png">
							<div class="mui-media-body">
								编辑图标
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#editNamePopover" class="mui-navigate-right">
								编辑圈名<span class="text-right">内科圈</span>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#editInfoPopover" class="mui-navigate-right">
								编辑简介<div class="text-bottom">简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</div>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#QR-Popover" class="mui-navigate-right">
								圈子二维码<div  id="description"  class="text-bottom"></div>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="#actionsheetAddCircle" class="mui-navigate-right" id="verifyChangeButton">
								入圈验证<span class="text-right">允许任何人加入</span>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#actionsheetPost" class="mui-navigate-right" id="verifyChangeButton">
								发帖限制<span class="text-right">任何人都可发帖</span>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#editAdminPopover" class="mui-navigate-right">
								设置管理员
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a ontouchstart='openWindow("circle-circle-edit-userList.html","circle-circle-edit-userList.html");' class="mui-navigate-right">
								圈成员<span class="text-right">1000人</span>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a class="jiesan" style="color:red!important;">
								解散圈子
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!--编辑圈名popover,记得清空-->
		<div id="editNamePopover" class="mui-popover replyPopover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll mui-fullscreen" style="background:#efefef;">
					<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
						<a class="mui-icon mui-icon-back mui-pull-left" href="#editNamePopover"></a>
						<h1 id="title" class="mui-title km-view-title">编辑圈名</h1>
					</header>
					<div class="mui-content3">
						<div class="SingleInput">
							<input src="" type="text" placeholder="内科圈" />
						</div>
						<a class="save-button">保存</a>
					</div>
				</div>
			</div>
		</div>

		<!--编辑圈资料popover,记得清空-->
		<div id="editInfoPopover" class="mui-popover replyPopover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll mui-fullscreen" style="background:#efefef;">
					<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
						<a class="mui-icon mui-icon-back mui-pull-left" href="#editInfoPopover"></a>
						<h1 id="title" class="mui-title km-view-title">编辑简介</h1>
					</header>
					<div class="mui-content3">
						<div class="SingleInput">
							<textarea placeholder="简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介"></textarea>
						</div>
						<a class="save-button">保存</a>
					</div>
				</div>
			</div>
		</div>

		<!--我的二维码popover-->
		<div id="QR-Popover" class="mui-popover replyPopover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll mui-fullscreen" style="background:#efefef;">
					<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
						<a class="mui-icon mui-icon-back mui-pull-left" href="#QR-Popover"></a>
						<h1 id="title" class="mui-title km-view-title">二维码</h1>
					</header>
					<div class="mui-content3">
						<div class="QRdiv">
							<img src="../img/qrcode_for_gh_ff8cb18a30e0_430.jpg" />
						<p>扫一扫上面的二维码图案，加入圈子</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--设置管理员popover-->
		<div id="editAdminPopover" class="mui-popover replyPopover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll mui-fullscreen" style="background:#efefef;">
					<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
						<a class="mui-icon mui-icon-back mui-pull-left" href="#editAdminPopover"></a>
						<h1 id="title" class="mui-title km-view-title">设置管理员</h1>
					</header>
					<div class="mui-content3">
						<p class="admin-list-title">管理员(2/15)</p>
						<!--左滑删除-->
						<ul class="mui-table-view menu-admin" id="menu-admin2">
							<li class="mui-table-view-cell mui-media">
								<div class="mui-slider-right mui-disabled">
									<a class="mui-btn mui-btn-red">删除</a>
								</div>
								<a href="../view/doctor-detail.html">
									<div class="mui-slider-handle">
										<img class="mui-media-object mui-pull-left" src="../img/example4.png">
										<div class="mui-media-body">
											王小二
										</div>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<div class="mui-slider-right mui-disabled">
									<a class="mui-btn mui-btn-red">删除</a>
								</div>
								<a href="../view/doctor-detail.html">
									<div class="mui-slider-handle">
										<img class="mui-media-object mui-pull-left" src="../img/example4.png">
										<div class="mui-media-body">
											王小二
										</div>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="admin-add-button" ontouchstart='openWindow("circle-circle-edit-adminAdd.html", "circle-circle-edit-adminAdd.html");'>
									<i class="mui-icon mui-icon-plus"></i>添加管理员
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--入圈验证actionsheet-->
		<div id="actionsheetAddCircle" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view" id="addCircleVerification">
				
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle">允许任何人加入</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle">允许所有医生加入</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle">医生凭身份验证加入</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle">所有人凭身份验证加入</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle">不允许任何人加入</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle"><b>取消</b></a>
				</li>
			</ul>
		</div>

		<!--发帖限制actionsheet-->
		<div id="actionsheetPost" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view" id="addCircleVerification">
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle">任何人都可发帖</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle">只允许医生发帖</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#actionsheetAddCircle">不允许成员发帖</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#actionsheetPost"><b>取消</b></a>
				</li>
			</ul>
		</div>
		<!--编辑图标actionsheet-->
		<div id="actionsheetChangeImg" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view" id="addCircleVerification">
				<li class="mui-table-view-cell">
					<a href="#actionsheetChangeImg">拍照</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#actionsheetChangeImg">从相册获取</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#actionsheetChangeImg"><b>取消</b></a>
				</li>
			</ul>
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/Global.js"></script>
	<script src="../js/zepto.min.js"></script>
	<script>
		mui.init({
			swipeBack: true,
			statusBarBackground: '#f7f7f7',
			statusBarStyle: 'UIStatusBarStyleDefault'
		});
		mui('.mui-scroll-wrapper').scroll();
		//=======入圈验证actionsheet-点击事件
		mui('#addCircleVerification').on('tap', 'a', function() {
			var text = $(this).text();
			$("#verifyChangeButton span").text(text);
		})
		
		 //=======管理员的个人中心-点击事件
   mui('#menu-admin2').on('tap', 'a', function() {
     var id = this.id;
     var title = this.title;
     var href = this.href;
     openWindow(href, href, {
      id: id,
      title: title
     });
    })
	</script>

</html>